<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>index</title>
    <link rel="stylesheet" href="../css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="../css/bootstrap/bootstrap-theme.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/chuancai.css">

</head>
<body>
<div id="box">
    <div id="daohang" class="container-fluid">
        <div class="row daohang">
            <div class="col-md-7 biaoti">
                <img src="../images/title_img.png" alt="">
                <span class="content">delicious</span>
            </div>
            <div class="col-md-5 daohang">
                <ul class="">
                    <li class="col-md-2"><a href="index.html">首页</a></li>
                    <li class="col-md-2"><a href="mian.html">面食</a></li>
                    <li class="col-md-2"><a href="shaokao.html">烧烤</a></li>
                    <li class="this col-md-2"><a href="chuancai.html">川菜</a></li>
                    <li class="col-md-2"><a href="xiangcai.html">湘菜</a></li>
                    <li class="col-md-2"><a href="yuecai.html">粤菜</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="">
        <div class="container-fluid blog-page">
            <div class="blog-pag">
                <div class="blog-page-grids">
                    <div class="blog-page-grid">
                        <h3><a href="single.html">Contrary wipopular belief,Lorem Ipsum is not simply</a></h3>
                        <p>Published on<span> July 01</span></p>
                    </div>
                    <div class="blog-page-grid1">
                        <p>18<a href="#"> Comments</a></p>
                    </div>
                    <div class="clearfix"> </div>
                </div>
                <div class="blog-page-grids-bottom">
                    <div class="blog-page-grids-bot col-md-6">
                        <a href="single.html"><img src="../images/huiguorou.png" alt=" " class="img-thumbnail"></a>
                    </div>
                    <div class="blog-page-grids-bot1 col-md-6">
                        <h4>porttitor accumsan tincidunt</h4>
                        <p>Contrary wipopular belief,Lorem Ipsum is not simply
                            random text It has roots in a piece of
                            classical Latin literature from
                            Donec rutrum congue leo eget malesuada.Curabitur non nulla sit amet
                            nisl tempus convallis quis ac lactus.Sed porttitor lactus nibh.Proin
                            eget tortor risus.Nulla porttitor accumsan tincidunt.Nulla
                            porttitoraccumsan tincidunt.
                            Curabitur aliquet quam id dui posuere blandit.
                            Nulla Quis lorum nisl tempus convallis quis ac lactus.Sed porttitorlactus nibh
                            eget tortor risus.Nulla porttitor accumsan tincidunt.</p>
                    </div>
                    <div class="clearfix"> </div>
                </div>
            </div>
            <div class="blog-pag">
                <div class="blog-page-grids">
                    <div class="blog-page-grid">
                        <h3><a href="single.html">Curabitur aliquet quam id dui posuere blandit</a></h3>
                        <p>Published on<span> Jun 24</span></p>
                    </div>
                    <div class="blog-page-grid1">
                        <p>20<a href="#"> Comments</a></p>
                    </div>
                    <div class="clearfix"> </div>
                </div>
                <div class="blog-page-grids-bottom">
                    <div class="blog-page-grids-bot col-md-6">
                        <a href="single.html"><img src="../images/shuizhuyu.png" alt=" " class="img-thumbnail"></a>
                    </div>
                    <div class="blog-page-grids-bot1 col-md-6">
                        <h4>porttitor accumsan tincidunt</h4>
                        <p>Contrary wipopular belief,Lorem Ipsum is not simply
                            random text It has roots in a piece of
                            classical Latin literature from
                            Donec rutrum congue leo eget malesuada.Curabitur non nulla sit amet
                            nisl tempus convallis quis ac lactus.Sed porttitor lactus nibh.Proin
                            eget tortor risus.Nulla porttitor accumsan tincidunt.Nulla
                            porttitoraccumsan tincidunt.
                            Curabitur aliquet quam id dui posuere blandit.
                            Nulla Quis lorum nisl tempus convallis quis ac lactus.Sed porttitorlactus nibh
                            eget tortor risus.Nulla porttitor accumsan tincidunt.</p>
                    </div>
                    <div class="clearfix"> </div>
                </div>
            </div>
            <div class="blog-pag">
                <div class="blog-page-grids">
                    <div class="blog-page-grid">
                        <h3><a href="single.html">Nulla porttitor congue malesuada.Curabitur non nulla</a></h3>
                        <p>Published on<span> June 14</span></p>
                    </div>
                    <div class="blog-page-grid1">
                        <p>21<a href="#"> Comments</a></p>
                    </div>
                    <div class="clearfix"> </div>
                </div>
                <div class="blog-page-grids-bottom">
                    <div class="blog-page-grids-bot col-md-6">
                        <a href="single.html"><img src="../images/huangmenji.png" alt=" " class="img-thumbnail"></a>
                    </div>
                    <div class="blog-page-grids-bot1 col-md-6">
                        <h4>porttitor accumsan tincidunt</h4>
                        <p>Contrary wipopular belief,Lorem Ipsum is not simply
                            random text It has roots in a piece of
                            classical Latin literature from
                            Donec rutrum congue leo eget malesuada.Curabitur non nulla sit amet
                            nisl tempus convallis quis ac lactus.Sed porttitor lactus nibh.Proin
                            eget tortor risus.Nulla porttitor accumsan tincidunt.Nulla
                            porttitoraccumsan tincidunt.
                            Curabitur aliquet quam id dui posuere blandit.
                            Nulla Quis lorum nisl tempus convallis quis ac lactus.Sed porttitorlactus nibh
                            eget tortor risus.Nulla porttitor accumsan tincidunt.</p>
                    </div>
                    <div class="clearfix"> </div>
                </div>
            </div>
        </div>
    </div>

    <div id="banquan" class="banquan">
        <div class="container-fluid">
            <div class="col-md-12">
                <span>版权所有</span>
            </div>
        </div>
    </div>
</div>
</body>
</html>